.container{
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
.chapter-content{
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
.grade-header{
	background-color: #fff;
	padding-top: 34rpx;
}
.grade-header_title{
	font-size: 36rpx;
	font-weight: bold;
	border-left: 12rpx solid #FF6E00;
	padding-left: 30rpx;
}
.grade-header_tips{
	font-size: 28rpx;
	font-weight: 400;
	padding: 52rpx 42rpx 16rpx;
}
.grade-content_stage{
	line-height: 40rpx;
	padding: 30rpx 30rpx 8rpx 30rpx;
	font-size: 28rpx;
	font-weight: 400;
	color: #333333;
}
.grade-content_grade_item{
	width: calc(100% - 60rpx);
	padding: 0 30rpx;
	height: 96rpx;
	background-color: #fff;
	border-bottom: 2rpx solid #F7F7F7;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 32rpx;
	font-weight: 500;
}
.grade-content_grade_item image{
	width: 32rpx;
	height: 32rpx;
}
.class-type{
	padding-left: 50rpx;
	font-size: 28rpx;
	font-weight: 500;
}
.student-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	margin-bottom: 2rpx;
	height: 100rpx;
	width: calc(100% - 60rpx);
	padding: 0 30rpx;
}
.student-item_name{
	font-size: 28rpx;
	font-weight: 500;
	color: #333333;
}
.student-item_right{
	display: flex;
}
.student-item_type{
	height: 50rpx;
	line-height: 50rpx;
	border-radius: 30rpx 30rpx;
	padding: 0 24rpx;
	font-size: 24rpx;
	font-weight: 500;
	color: #FFFFFF;
	margin-left: 20rpx;
}